<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">

    <title>血池变化</title>
    <link href="/static/admin/css/public/style.css" rel="stylesheet">
    <link href="/static/admin/css/public/style-responsive.css" rel="stylesheet">
    <link href="/static/admin/css/public/plugs/bootstrap-datetimepicker.min.css" rel="stylesheet">
    <link href="/static/admin/css/public/loading.css" rel="stylesheet">
    <link href="/static/admin/css/sys/roomSet.css" rel="stylesheet">
    <link href="/static/admin/js/public/plugs/morris-chart/morris.css" rel="stylesheet" >

    <script src="/static/admin/js/public/html5shiv.js"></script>
    <script src="/static/admin/js/public/plugs/respond.min.js"></script>
</head>

<body class="sticky-header" style="font-family: '微软雅黑';">
<!-- 页面位置 -->
<div class="page-heading">
    <ul class="breadcrumb" style="margin-top: 20px;">
        <span style="font-weight: bold;">位置：</span>
        <li>系统管理</li>
        <li>房间配置</li>
        <li class="active">血池变化</li>
    </ul>
    <hr />
</div>
<!-- 页面位置 -->
<div class="wrapper">
    <div class="form-inline form-group-sm">
        游戏:
        <select class="select" id="game" onchange="loadRoomServerId(this)">
            <option value="">&nbsp;&nbsp;全部</option>
        </select>
        &nbsp;&nbsp;房间:
        <select class="select" id="room" onchange="loadDatas()">
            <option value="">&nbsp;&nbsp;全部</option>
        </select>
        &nbsp;&nbsp;执行时间:
        <div class='input-group date' id='bt'>
            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
            <input id="begin" type='text' class="form-control" readonly="readonly" />
            <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
        </div>
        -
        <div class='input-group date' id='et'>
            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
            <input id="end" type='text' class="form-control" readonly="readonly" />
            <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
        </div>
        <input type="reset" id="reset" style="display: none;" />
        <button class="btn btn-sm btn-success" onclick="loadDatas()">开始查询</button>
        <button class="btn btn-sm btn-success" style="margin-left: 10px;" onclick="findAll()">显示所有</button>
    </div>
    <span class="fa fa-times-circle return" title="关闭" onclick="history.go(-1)"></span>
    <div class="row row-margin" style="margin-top: 10px;">
        <div class="col-sm-12">
            <section class="panel">
                <div class="panel-body">
                    <div style="text-align: center; font-weight: bold;">房间血池变化</div>
                    <div id="bloodPoolChange" style="width: 100%; height: 500px; margin-bottom: 10px; text-align: center;"></div>
                </div>
            </section>
        </div>
    </div>
</div>

<div class="sk-circle" id="load">
    <div class="sk-circle1 sk-child"></div>
    <div class="sk-circle2 sk-child"></div>
    <div class="sk-circle3 sk-child"></div>
    <div class="sk-circle4 sk-child"></div>
    <div class="sk-circle5 sk-child"></div>
    <div class="sk-circle6 sk-child"></div>
    <div class="sk-circle7 sk-child"></div>
    <div class="sk-circle8 sk-child"></div>
    <div class="sk-circle9 sk-child"></div>
    <div class="sk-circle10 sk-child"></div>
    <div class="sk-circle11 sk-child"></div>
    <div class="sk-circle12 sk-child"></div>
</div>

<script type="text/javascript" src="/static/admin/js/public/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/static/admin/js/public/plugs/bootstrap.min.js"></script>
<script type="text/javascript" src="/static/admin/js/public/plugs/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="/static/admin/js/public/plugs/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="/static/admin/js/public/plugs/morris-chart/morris.js"></script>
<script src="/static/admin/js/public/plugs/morris-chart/raphael-min.js"></script>
<script src="/static/admin/js/sys/roomSearch/loadGameAndRoom.js"></script>
<script src="/static/admin/js/sys/roomSearch/loadRoomBloodPoolChangeCharts.js"></script>
<script>
    $(function(){
        //加载数据
        loadDatas({$serverId});
        });
</script>

</body>
</html>
